<template>
  <div>
    <!-- 外层容器 将布局定义在里面 -->
    <el-container style="height: 700px; border: 1px solid #eee">
      <el-header style="font-size: 40px; background-color: rgb(240, 241, 246)"
        >智原在线 辅助系统</el-header
      >
      <el-container>
        <!-- 侧边栏 -->
        <el-aside width="200px">
          <el-menu :default-openeds="['1']">
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-message"></i>系统信息管理
              </template>
                <el-menu-item index="1-1">
                  <!-- 要跳转的地方router-link to 表示路由的地址 -->
                  <router-link to="/emp">员工管理</router-link> 
                  </el-menu-item>
                   <router-link to="/dept">
                <el-menu-item index="1-2">
                  部门管理
                  </el-menu-item>
                   </router-link>
            </el-submenu>
          </el-menu>
        </el-aside>
        <!-- 主体内容 -->
        <el-main>
          <!-- 显示组件 -->
<<<<<<< HEAD
         <!--  <EmpView></EmpView> -->
          <!-- <DeptView></DeptView> -->

          <!-- 展示内容 -->
          <router-view></router-view>

=======
          <EmpView></EmpView>

>>>>>>> e7712f1c2b963c8c5681eea6374414a8a0361d4b
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
//导入组件
<<<<<<< HEAD
/* import EmpView from './views/manager/EmpView.vue'
import DeptView from './views/manager/DeptView.vue' */
export default {
  /* components: {EmpView,DeptView}, */
=======
import EmpView from './views/manager/EmpView.vue'
export default {
  components: {EmpView},
>>>>>>> e7712f1c2b963c8c5681eea6374414a8a0361d4b
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
</style>